<!DOCTYPE html>
<html lang="en">
<head>
    <base href="/study/">
    <!-- start: Meta -->
    <meta charset="utf-8">
    <title>Bootstrap Metro Dashboard by Dennis Ji for ARM demo</title>
    <meta name="description" content="Bootstrap Metro Dashboard">
    <meta name="author" content="Dennis Ji">
    <meta name="keyword"
          content="Metro, Metro UI, Dashboard, Bootstrap, Admin, Template, Theme, Responsive, Fluid, Retina">
    <!-- end: Meta -->

    <!-- start: Mobile Specific -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- end: Mobile Specific -->

    <!-- start: CSS -->
    <link id="bootstrap-style" href="study/css/bootstrap.min.css" rel="stylesheet">
    <link href="study/css/bootstrap-responsive.min.css" rel="stylesheet">
    <link id="base-style" href="study/css/style.css" rel="stylesheet">
    <link id="base-style-responsive" href="study/css/style-responsive.css" rel="stylesheet">
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&subset=latin,cyrillic-ext,latin-ext'
          rel='stylesheet' type='text/css'>
    <!-- end: CSS -->

    <!-- The HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <link id="ie-style" href="study/css/ie.css" rel="stylesheet">
    <![endif]-->

    <!--[if IE 9]>
    <link id="ie9style" href="study/css/ie9.css" rel="stylesheet">
    <![endif]-->

    <!-- start: Favicon -->
    <link rel="shortcut icon" href="study/img//favicon.ico">
    <!-- end: Favicon -->

</head>

<body>
<!--隐藏标识符-->
<input type="hidden" value="echart" id="chooseColumn"/>
<!-- start: Header -->
<div class="navbar">
    <div class="navbar-inner">
        <div class="container-fluid">
            <a class="btn btn-navbar" data-toggle="collapse"
               data-target=".top-nav.nav-collapse,.sidebar-nav.nav-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </a>
            <a class="brand" href="index.html">
                <span>study</span>
            </a>

            <!-- start: Header Menu -->
            <div class="nav-no-collapse header-nav">
                <ul class="nav pull-right">

                    <!-- start: User Dropdown -->
                    <li class="dropdown">
                        <a class="btn dropdown-toggle" data-toggle="dropdown" href="javascript:void(0);">
                            <i class="halflings-icon white user"></i> Dennis Ji
                            <span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu">
                            <li class="dropdown-menu-title">
                                <span>Account Settings</span>
                            </li>
                            <li>
                                <a href="javascript:void(0);"><i class="halflings-icon user"></i> Profile</a>
                            </li>
                            <li>
                                <a href="login.html"><i class="halflings-icon off"></i> Logout</a>
                            </li>
                        </ul>
                    </li>
                    <!-- end: User Dropdown -->
                </ul>
            </div>
            <!-- end: Header Menu -->

        </div>
    </div>
</div>
<!-- start: Header -->
<div class="container-fluid-full">
    <div class="row-fluid">

        <!-- start: Main Menu -->
        <div id="sidebar-left" class="span2">
            <div class="nav-collapse sidebar-nav">
                <!--左边导航栏内容-->
                <ul class="nav nav-tabs nav-stacked main-menu" id="navMain">

                </ul>
            </div>
        </div>
        <!-- end: Main Menu -->

        <noscript>
            <div class="alert alert-block span10">
                <h4 class="alert-heading">Warning!</h4>
                <p>You need to have <a href="http://en.wikipedia.org/wiki/JavaScript" target="_blank">JavaScript</a>
                    enabled to use this site.</p>
            </div>
        </noscript>

        <!-- start: Content -->
        <div id="content" class="span10">

            <ul class="breadcrumb">
                <li>
                    <i class="icon-home"></i>
                    <a href="index.html">Home</a>
                    <i class="icon-angle-right"></i>
                </li>
                <li>
                    <a href="#">echart</a>
                </li>
            </ul>
            <button id="show">显示数据</button>
            <div id="contain" style="width:800px;height: 600px"></div>
            <div id="contai" style="width:800px;height: 600px"></div>
            <div id="conta" style="width:800px;height: 600px"></div>
            <!--<div class="row-fluid">

                <div class="box">
                    <div class="box-header">
                        <h2><i class="halflings-icon white list-alt"></i><span class="break"></span>Chart with points</h2>
                        <div class="box-icon">
                            <a href="#" class="btn-setting"><i class="halflings-icon white wrench"></i></a>
                            <a href="#" class="btn-minimize"><i class="halflings-icon white chevron-up"></i></a>
                            <a href="#" class="btn-close"><i class="halflings-icon white remove"></i></a>
                        </div>
                    </div>
                    <div class="box-content">
                        <button id="show">显示数据</button>
                        <div id="contain"></div>
                    </div>
                </div>
                <div class="box">
                    <div class="box-header">
                        <h2><i class="halflings-icon white list-alt"></i><span class="break"></span>Chart with points</h2>
                        <div class="box-icon">
                            <a href="#" class="btn-setting"><i class="halflings-icon white wrench"></i></a>
                            <a href="#" class="btn-minimize"><i class="halflings-icon white chevron-up"></i></a>
                            <a href="#" class="btn-close"><i class="halflings-icon white remove"></i></a>
                        </div>
                    </div>
                    <div class="box-content">
                        <div id="contai"></div>

                    </div>
                </div>
                <div id="conta">
                    aa
                    </div>
                <div class="box">
                    <div class="box-header">
                        <h2><i class="halflings-icon white list-alt"></i><span class="break"></span>Chart with points</h2>
                        <div class="box-icon">
                            <a href="#" class="btn-setting"><i class="halflings-icon white wrench"></i></a>
                            <a href="#" class="btn-minimize"><i class="halflings-icon white chevron-up"></i></a>
                            <a href="#" class="btn-close"><i class="halflings-icon white remove"></i></a>
                        </div>
                    </div>
                    <div class="box-content" >
                    </div>
                </div>

                <div class="box">
                    <div class="box-header">
                        <h2><i class="halflings-icon white list-alt"></i><span class="break"></span>Chart with points</h2>
                        <div class="box-icon">
                            <a href="#" class="btn-setting"><i class="halflings-icon white wrench"></i></a>
                            <a href="#" class="btn-minimize"><i class="halflings-icon white chevron-up"></i></a>
                            <a href="#" class="btn-close"><i class="halflings-icon white remove"></i></a>
                        </div>
                    </div>
                    <div class="box-content">
                        <div id="sincos" class="center" style="height:300px;"></div>
                        <p id="hoverdata">Mouse position at (
                            <span id="x">0</span>,
                            <span id="y">0</span>).
                            <span id="clickdata"></span>
                        </p>
                    </div>
                </div>

                <div class="box">
                    <div class="box-header">
                        <h2><i class="halflings-icon white list-alt"></i><span class="break"></span>Flot</h2>
                        <div class="box-icon">
                            <a href="#" class="btn-setting"><i class="halflings-icon white wrench"></i></a>
                            <a href="#" class="btn-minimize"><i class="halflings-icon white chevron-up"></i></a>
                            <a href="#" class="btn-close"><i class="halflings-icon white remove"></i></a>
                        </div>
                    </div>
                    <div class="box-content">
                        <div id="flotchart" class="center" style="height:300px"></div>
                    </div>
                </div>

                <div class="box">
                    <div class="box-header">
                        <h2><i class="halflings-icon white list-alt"></i><span class="break"></span>Stack Example</h2>
                        <div class="box-icon">
                            <a href="#" class="btn-setting"><i class="halflings-icon white wrench"></i></a>
                            <a href="#" class="btn-minimize"><i class="halflings-icon white chevron-up"></i></a>
                            <a href="#" class="btn-close"><i class="halflings-icon white remove"></i></a>
                        </div>
                    </div>
                    <div class="box-content">
                        <div id="stackchart" class="center" style="height:300px;"></div>

                        <p class="stackControls center">
                            <input class="btn" type="button" value="With stacking">
                            <input class="btn" type="button" value="Without stacking">
                        </p>

                        <p class="graphControls center">
                            <input class="btn-primary" type="button" value="Bars">
                            <input class="btn-primary" type="button" value="Lines">
                            <input class="btn-primary" type="button" value="Lines with steps">
                        </p>
                    </div>
                </div>

            </div>-->
            <!--/row-->

            <!--<div class="row-fluid sortable">
                <div class="box span6">
                    <div class="box-header">
                        <h2><i class="halflings-icon white list-alt"></i><span class="break"></span>Pie</h2>
                        <div class="box-icon">
                            <a href="#" class="btn-setting"><i class="halflings-icon white wrench"></i></a>
                            <a href="#" class="btn-minimize"><i class="halflings-icon white chevron-up"></i></a>
                            <a href="#" class="btn-close"><i class="halflings-icon white remove"></i></a>
                        </div>
                    </div>
                    <div class="box-content">
                        <div id="piechart" style="height:300px"></div>
                    </div>
                </div>

                <div class="box span6">
                    <div class="box-header" data-original-title>
                        <h2><i class="halflings-icon white list-alt"></i><span class="break"></span>Donut</h2>
                        <div class="box-icon">
                            <a href="#" class="btn-setting"><i class="halflings-icon white wrench"></i></a>
                            <a href="#" class="btn-minimize"><i class="halflings-icon white chevron-up"></i></a>
                            <a href="#" class="btn-close"><i class="halflings-icon white remove"></i></a>
                        </div>
                    </div>
                    <div class="box-content">
                        <div id="donutchart" style="height: 300px;"></div>
                    </div>
                </div>

            </div>
            <!--/row-->

            <hr>

            <!--/.fluid-container-->

            <!-- end: Content -->
        </div>
        <!--/#content.span10-->
    </div>
    <!--/fluid-row-->
</div>
<div class="modal hide fade" id="myModal">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">×</button>
        <h3>Settings</h3>
    </div>
    <div class="modal-body">
        <p>Here settings can be configured...</p>
    </div>
    <div class="modal-footer">
        <a href="#" class="btn" data-dismiss="modal">Close</a>
        <a href="#" class="btn btn-primary">Save changes</a>
    </div>
</div>
<div class="common-modal modal fade" id="common-Modal1" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-content">
        <ul class="list-inline item-details">
            <li>
                <a href="#">Admin templates</a>
            </li>
            <li>
                <a href="http://themescloud.org">Bootstrap themes</a>
            </li>
        </ul>
    </div>
</div>

<div class="clearfix"></div>

<footer>

    <p>
					<span style="text-align:left;float:left">&copy; 2013
						<a href="downloads/janux-free-responsive-admin-dashboard-template/"
                           alt="Bootstrap_Metro_Dashboard">JANUX Responsive Dashboard</a>
					</span>

    </p>

</footer>


<!-- start: JavaScript-->

<script src="study/js/jquery-1.9.1.min.js"></script>
<!--自行扩展的js文件-->
<script type="text/javascript" src="js/jsp/whole.js"></script>

<script src="js/jsp/echart.js"></script>

<!--
    作者：2236463959@qq.com
    时间：2018-05-22
    描述：结束
-->

<script src="study/js/jquery-migrate-1.0.0.min.js"></script>

<script src="study/js/jquery-ui-1.10.0.custom.min.js"></script>

<script src="study/js/jquery.ui.touch-punch.js"></script>

<script src="study/js/modernizr.js"></script>

<script src="study/js/bootstrap.min.js"></script>

<script src="study/js/jquery.cookie.js"></script>

<script src='study/js/fullcalendar.min.js'></script>

<script src='study/js/jquery.dataTables.min.js'></script>

<script src="study/js/excanvas.js"></script>
<script src="study/js/jquery.flot.js"></script>
<script src="study/js/jquery.flot.pie.js"></script>
<script src="study/js/jquery.flot.stack.js"></script>
<script src="study/js/jquery.flot.resize.min.js"></script>

<script src="study/js/jquery.chosen.min.js"></script>

<script src="study/js/jquery.uniform.min.js"></script>

<script src="study/js/jquery.cleditor.min.js"></script>

<script src="study/js/jquery.noty.js"></script>

<script src="study/js/jquery.elfinder.min.js"></script>

<script src="study/js/jquery.raty.min.js"></script>

<script src="study/js/jquery.iphone.toggle.js"></script>

<script src="study/js/jquery.uploadify-3.1.min.js"></script>

<script src="study/js/jquery.gritter.min.js"></script>

<script src="study/js/jquery.imagesloaded.js"></script>

<script src="study/js/jquery.masonry.min.js"></script>

<script src="study/js/jquery.knob.modified.js"></script>

<script src="study/js/jquery.sparkline.min.js"></script>

<script src="study/js/counter.js"></script>

<script src="study/js/retina.js"></script>

<script src="study/js/custom.js"></script>
<!-- end: JavaScript-->

<script type="text/javascript" src="study/echart/echarts-all-3.js"></script>
<script type="text/javascript" src="study/echart/dataTool.min.js"></script>
<script type="text/javascript" src="study/echart/china.js"></script>
<script type="text/javascript" src="study/echart/world.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=ZUONbpqGBsYGXNIYHicvbAbM"></script>
<script type="text/javascript" src="study/echart/bmap.min.js"></script>


</body>
</html>